<!DOCTYPE html>
<html lang="en">

<head>
    <%= require('html-loader!./layout/head-common.html')  %>
    <title>MMall商城 - 简洁高效的购物平台</title>
</head>

<body>
    <%= require('html-loader!./layout/nav.html')  %>
    <%= require('html-loader!./layout/header.html')  %>
    <div class="line"></div>
    <div class="w">
        <div class="keywords">
            <ul class="keywords-list">
                <li class="keywords-item" data-name="shouji">手机</li>
                <li class="keywords-item" data-name="diannao">电脑</li>
                <li class="keywords-item" data-name="dianshi">电视</li>
                <li class="keywords-item" data-name="jiadian">家电</li>
                <li class="keywords-item" data-name="jiaju">家居</li>
                <li class="keywords-item" data-name="muying">母婴</li>
                <li class="keywords-item" data-name="fushi">服饰</li>
                <li class="keywords-item" data-name="tushu">图书</li>
            </ul>
            <div class="item-con">
                <div class="shouji">
                    <a class="link" target="_blank" href="./list.html?keyword=手机">
                        <img src="<%= require('../image/nav/shouji.jpg') %>" alt="手机">
                        <p>手机</p>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=数码">
                        <img src="<%= require('../image/nav/shuma.jpg') %>" alt="数码">
                        <p>数码</p>
                    </a>
                </div>
                <div class="dianshi">
                    <a class="link" target="_blank" href="./list.html?keyword=电脑">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/diannao.jpg') %>" alt="电脑">
                            <p>电脑</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=办公配件">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/bangongpeijian.jpg') %>" alt="办公配件">
                            <p>办公配件</p>
                        </a>
                    </a>
                </div>
                <div class="diannao">
                    <a class="link" target="_blank" href="./list.html?keyword=电视">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/dianshi.jpg') %>" alt="电视">
                            <p>电视</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=空调">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/kongtiao.jpg') %>" alt="空调">
                            <p>空调</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=冰箱">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/bingxiang.jpg') %>" alt="冰箱">
                            <p>冰箱</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=洗衣机">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/xiyiji.jpg') %>" alt="洗衣机">
                            <p>洗衣机</p>
                        </a>
                    </a>
                </div>
                <div class="jiadian">
                    <a class="link" target="_blank" href="./list.html?keyword=厨卫家电">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/chuweijiadian.jpg') %>" alt="厨卫家电">
                            <p>厨卫家电</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=小家电">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/xiaojiadian.jpg') %>" alt="小家电">
                            <p>小家电</p>
                        </a>
                    </a>
                </div>
                <div class="jiaju">
                    <a class="link" target="_blank" href="./list.html?keyword=家具">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/jiajv.jpg') %>" alt="家具">
                            <p>家具</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=家具">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/jiaju.jpg') %>" alt="家居">
                            <p>家居</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=家装">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/jiazhuang.jpg') %>" alt="家装">
                            <p>家装</p>
                        </a>
                    </a>
                </div>
                <div class="muying">
                    <a class="link" target="_blank" href="./list.html?keyword=母婴用品">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/muyingyongpin.jpg') %>" alt="母婴用品">
                            <p>母婴用品</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=儿童玩具">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/ertongwanjv.jpg') %>" alt="儿童玩具">
                            <p>儿童玩具</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=童装童鞋">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/tongzhuangtongxie.jpg') %>" alt="童装童鞋">
                            <p>童装童鞋</p>
                        </a>
                    </a>
                </div>
                <div class="fushi">
                    <a class="link" target="_blank" href="./list.html?keyword=鞋靴">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/xiexue.jpg') %>" alt="鞋靴">
                            <p>鞋靴</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=箱包">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/xiangbao.jpg') %>" alt="箱包">
                            <p>箱包</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=钟表">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/zhongbiao.jpg') %>" alt="钟表">
                            <p>钟表</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=珠宝">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/zhubao.jpg') %>" alt="珠宝">
                            <p>珠宝</p>
                        </a>
                    </a>
                </div>
                <div class="tushu">
                    <a class="link" target="_blank" href="./list.html?keyword=图书">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/tushu.jpg') %>" alt="图书">
                            <p>图书</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=音像">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/yinxiang.jpg') %>" alt="音像">
                            <p>音像</p>
                        </a>
                    </a>
                    <a class="link" target="_blank" href="./list.html?keyword=电子书">
                        <a class="link" target="_blank" href="./list.html?keyword=数码">
                            <img src="<%= require('../image/nav/dianzishu.jpg') %>" alt="电子书">
                            <p>电子书</p>
                        </a>
                    </a>
                </div>
            </div>
        </div>
        <div class="banner-con"></div>
    </div>
    <div class="w floor">
            <div class="floor-wrap">
                <h1 class="floor-title">F1 家用电器</h1>
                <ul class="floor-list">
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100006">
                            <img class="floor-img" src="<%= require('../image/floor/floor1-1.jpg') %>" alt="双开门冰箱" />
                            <p class="floor-text">双开门冰箱</p>
                            <p class="floor-price">￥3299元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100007">
                            <img class="floor-img" src="<%= require('../image/floor/floor1-2.jpg') %>" alt="电视" />
                            <p class="floor-text">电视</p>
                            <p class="floor-price">￥2299元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100008">
                            <img class="floor-img" src="<%= require('../image/floor/floor1-3.jpg') %>" alt="洗衣机" />
                            <p class="floor-text">洗衣机</p>
                            <p class="floor-price">￥1499元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100009">
                            <img class="floor-img" src="<%= require('../image/floor/floor1-4.jpg') %>" alt="空调" />
                            <p class="floor-text">空调</p>
                            <p class="floor-price">￥2999元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100010">
                            <img class="floor-img" src="<%= require('../image/floor/floor1-5.jpg') %>" alt="热水器" />
                            <p class="floor-text">热水器</p>
                            <p class="floor-price">￥999元</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="floor-wrap">
                <h1 class="floor-title">F2 数码3C</h1>
                <ul class="floor-list">
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100011">
                            <img class="floor-img" src="<%= require('../image/floor/floor2-1.jpg') %>" alt="笔记本电脑" />
                            <p class="floor-text">笔记本电脑</p>
                            <p class="floor-price">￥4999元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100012">
                            <img class="floor-img" src="<%= require('../image/floor/floor2-2.jpg') %>" alt="手机" />
                            <p class="floor-text">手机</p>
                            <p class="floor-price">￥2599元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100013">
                            <img class="floor-img" src="<%= require('../image/floor/floor2-3.jpg') %>" alt="平板电脑" />
                            <p class="floor-text">平板电脑</p>
                            <p class="floor-price">￥1999元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100014">
                            <img class="floor-img" src="<%= require('../image/floor/floor2-4.jpg') %>" alt="数码相机" />
                            <p class="floor-text">数码相机</p>
                            <p class="floor-price">￥2799元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100015">
                            <img class="floor-img" src="<%= require('../image/floor/floor2-5.jpg') %>" alt="3C配件" />
                            <p class="floor-text">3C配件</p>
                            <p class="floor-price">￥699元</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="floor-wrap">
                <h1 class="floor-title">F3 服装箱包</h1>
                <ul class="floor-list">
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100016">
                            <img class="floor-img" src="<%= require('../image/floor/floor3-1.jpg') %>" alt="女装" />
                            <p class="floor-text">女装</p>
                            <p class="floor-price">￥199元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100017">
                            <img class="floor-img" src="<%= require('../image/floor/floor3-2.jpg') %>" alt="帽子专区" />
                            <p class="floor-text">帽子专区</p>
                            <p class="floor-price">￥59元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100018">
                            <img class="floor-img" src="<%= require('../image/floor/floor3-3.jpg') %>" alt="旅行箱" />
                            <p class="floor-text">旅行箱</p>
                            <p class="floor-price">￥299元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100019">
                            <img class="floor-img" src="<%= require('../image/floor/floor3-4.jpg') %>" alt="手提包" />
                            <p class="floor-text">手提包</p>
                            <p class="floor-price">￥199元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100020">
                            <img class="floor-img" src="<%= require('../image/floor/floor3-5.jpg') %>" alt="保暖内衣" />
                            <p class="floor-text">保暖内衣</p>
                            <p class="floor-price">￥99元</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="floor-wrap">
                <h1 class="floor-title">F4 食品生鲜</h1>
                <ul class="floor-list">
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100021">
                            <img class="floor-img" src="<%= require('../image/floor/floor4-1.jpg') %>" alt="最爱零食" />
                            <p class="floor-text">最爱零食</p>
                            <p class="floor-price">￥49元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100022">
                            <img class="floor-img" src="<%= require('../image/floor/floor4-2.jpg') %>" alt="生鲜" />
                            <p class="floor-text">生鲜</p>
                            <p class="floor-price">￥99元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100023">
                            <img class="floor-img" src="<%= require('../image/floor/floor4-3.jpg') %>" alt="半成品菜" />
                            <p class="floor-text">半成品菜</p>
                            <p class="floor-price">￥59元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100024">
                            <img class="floor-img" src="<%= require('../image/floor/floor4-4.jpg') %>" alt="速冻专区" />
                            <p class="floor-text">速冻专区</p>
                            <p class="floor-price">￥99元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100025">
                            <span class="floor-text">进口牛奶</span>
                            <img class="floor-img" src="<%= require('../image/floor/floor4-5.jpg') %>" alt="进口牛奶" />
                            <p class="floor-text">进口牛奶</p>
                            <p class="floor-price">￥89元</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="floor-wrap">
                <h1 class="floor-title">F5 酒水饮料</h1>
                <ul class="floor-list">
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100026">
                            <img class="floor-img" src="<%= require('../image/floor/floor5-1.jpg') %>" alt="白酒" />
                            <p class="floor-text">白酒</p>
                            <p class="floor-price">￥169元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100027">
                            <img class="floor-img" src="<%= require('../image/floor/floor5-2.jpg') %>" alt="红酒" />
                            <p class="floor-text">红酒</p>
                            <p class="floor-price">￥199元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100028">
                            <img class="floor-img" src="<%= require('../image/floor/floor5-3.jpg') %>" alt="饮料" />
                            <p class="floor-text">饮料</p>
                            <p class="floor-price">￥9元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100029">
                            <img class="floor-img" src="<%= require('../image/floor/floor5-4.jpg') %>" alt="调制鸡尾酒" />
                            <p class="floor-text">调制鸡尾酒</p>
                            <p class="floor-price">￥99元</p>
                        </a>
                    </li>
                    <li class="floor-item">
                        <a href="./list.html?categoryId=100030">
                            <img class="floor-img" src="<%= require('../image/floor/floor5-5.jpg') %>" alt="进口洋酒" />
                            <p class="floor-text">进口洋酒</p>
                            <p class="floor-price">￥169元</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    <%= require('html-loader!./layout/footer.html')  %>
</body>

</html>